<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <!-- 修改标签栏出现的图标-->
  <link rel="icon" href="img/tyust.png">
  <title>2019级毕业实习</title>
 </head>
 <body>
  <h2>档案创建</h2>
  <form action="tit.html" action="post">
   用户名 <input type="text" placeholder="请输入用户名"/>
   <br>
   密码<input type="password"/>
   <br>
   生日<input type="date"/>
   <br>
   <!-- 下面两行可以形成二选一的单选框-->
   性别<input type="radio" name="gender"/>男
       <input type="radio" name="gender"/>女
    <br>
   籍贯<select>
    <!-- 下拉框-->
    <option>河南</option>
    <option>辽宁</option>
    <option>山西</option>
   </select>
   <br>
   <!-- 多选框-->
   爱好 <input type="checkbox"/> 踢球
        <input type="checkbox"/> 唱歌
        <input type="checkbox"/> 骑行
   <br>
   <!--输入file-->
   照片<input type="file"/>
   <br>
   备注<textarea placeholder="多行文本框" cols="80" rows="5"></textarea>
      <br>
   <input type="submit" value="注册"/>
   <input type="reset" value="返回上一级"/>
  </form>
  <!--点击跳转-->
  <h2>超链接</h2>
  <a href="https://kyfw.12306.cn/otn/gonggao/privacyPolicy_web.html">太原科技大学</a>
  <br>
  <a href="tit.html">太原工业学院</a>
  <h2>图片</h2>
  <img src="img/tyust.png" width="50px"/>
  <h2>表格</h2>
  <table border="1px" width="500px">
   <tr>
    <td>车次</td>
    <td>出发站</td>
    <td>历时</td>
    <td>预订</td>
   </tr>
   <tr>
    <td>G601</td>
    <td>太原南</td>
    <td>2小时15分</td>
    <td>
     <button>预订</button>
   </td>
   </tr>
   <tr>
    <td>G601</td>
    <td>太原南</td>
    <td>2小时15分</td>
    <td>
     <button>预订</button>
    </td>
   </tr>    
  </table>
  <h2>DIV使用</h2>
  <div>
   DIV是放东西的，放什么由程序员自己定
   <img src="img/tyust.png"/>
  </div>
  <h2>span用法</h2>
  <input type="text"/> <span style="color:red">用户名不能为空！</span>
     <h2>列表-有序列表和无序列表</h2>
  <ul>
   <li>软件工程专业</li>
   <li>智能科学与技术专业</li>
   <li>物联网工程专业</li>
  </ul>
  
  <ol>
   <li>软件工程专业</li>
   <li>智能科学与技术专业</li>
   <li>物联网工程专业</li>
  </ol>
 </body>
</html>